<template>
  <view class="myinfo">
    <view class="info">
      <!-- 群聊名称 -->
      <view class="lable">
        <view class="left">
          头像
        </view>
        <view class="right">
          <view class="text">
            <image src="../../static/icon/avatar.png" mode="" style="width: 90rpx; height: 90rpx;"></image>
          </view>
          <image src="../../static/resort/video/rightjiantou.png" mode="" class="jiantou"></image>
        </view>
      </view>
      <!-- 群聊名称 -->
      <!-- 群聊名称 -->
      <view class="lable" @click="tochangename">
        <view class="left">
          名字
        </view>
        <view class="right">
          <view class="text">
            隔壁王二傻
          </view>
          <image src="../../static/resort/video/rightjiantou.png" mode="" class="jiantou"></image>
        </view>
      </view>
      <!-- 群聊名称 -->
      <!-- 性别 -->
      <view class="lable" @click="setgender">
        <view class="left">
          性别
        </view>
        <view class="right">
          <view class="text">
            女
          </view>
          <image src="../../static/resort/video/rightjiantou.png" mode="" class="jiantou"></image>
        </view>
      </view>
      <!-- 性别 -->
      <!-- 地区 -->
      <view class="lable">
        <view class="left">
          地区
        </view>
        <view class="right">
          <view class="text">
            广东 深圳
          </view>
          <image src="../../static/resort/video/rightjiantou.png" mode="" class="jiantou"></image>
        </view>
      </view>
      <!-- 地区 -->
      <!-- 平台号 -->
      <view class="lable">
        <view class="left">
          平台号
        </view>
        <view class="right">
          <view class="text">
            A1000159
          </view>
          <image src="../../static/resort/video/rightjiantou.png" mode="" class="jiantou"></image>
        </view>
      </view>
      <!-- 平台号 -->
      <!-- 群二维码 -->
      <view class="lable">
        <view class="left">
          平台码
        </view>
        <view class="right">
          <image src="../../static/message/erweima.png" mode=""
            style="width: 40rpx; height: 40rpx; margin-right: 15rpx;"></image>
          <image src="../../static/resort/video/rightjiantou.png" mode="" class="jiantou"></image>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {

      };
    },
    methods: {
      tochangename() {
        uni.navigateTo({
          url: '../my/changeName',
        });
      },
      setgender() {
        uni.navigateTo({
          url: '../my/setGender',
        });
      }
    }
  }
</script>

<style lang="scss">
  .info {
    padding: 5% 5%;
    background-color: #fff;
    margin-bottom: 10rpx;
  }

  .lable:last-child {
    margin-bottom: 0rpx;
  }

  .lable {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50rpx;

    .left {
      font-size: 35rpx;
    }

    .right {
      display: flex;
      align-items: center;
      text-align: center;

      .text {
        font-size: 30rpx;
        margin-right: 15rpx;
        color: rgb(150, 150, 150);
        // padding-bottom: 10rpx;
      }

      .jiantou {
        width: 14rpx;
        height: 28rpx;
        margin-top: 10rpx;
      }
    }
  }
</style>